<template>
  <div>
    <NavBar left="新书"></NavBar>
    <van-row class="module-header" type="flex" justify="space-between">
      <van-col class="rqmf" span="6">大神新书</van-col>
      <van-col class="gd" span="6">
        更多
        <van-icon name="arrow" />
      </van-col>
    </van-row>
    <van-card
      v-for="(item, index) in list"
      :key="index"
      class="biaoti"
      :desc="item.desc"
      :title="item.title"
      :thumb="item.thumb"
    >
      <template #footer>
        <van-tag plain type="danger">{{ item.danger1 }}</van-tag>
        <van-tag plain type="danger">{{ item.denger2 }}</van-tag>
        <van-tag plain type="danger">{{ item.denger3 }}</van-tag>
      </template>
    </van-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          thumb:
            'https://bookcover.yuewen.com/qdbimg/349573/c_18746477401149904/150',
          title: '在偏执暴君怀里撒个娇',
          desc:
            '【1V1宠文，双洁，超甜】胎穿锦鲤命女主VS偏执有毒真王爷*重生女配：这辈子我要当皇后！白莲花女配：皇后之位非我莫属！秦家六姑娘：嘻嘻，不好意思，后位是我的众女配：猝重生女配：上辈子晋王是个短命鬼白莲花女配：晋王虽好，可惜有毒晋王：不好意思，死不了了，一不小心抱到宝贝了秦家六姑娘：我是宝贝众女配：再猝这是一个偏执王爷宠妻的故事，宠着宠着就决定自己当皇上了，只因，吾妻命贵，兴社稷，主中天。',
          danger1: '古代言情',
          denger2: '连载中',
          denger3: '65.95万',
        },
        {
          thumb:
            'https://bookcover.yuewen.com/qdbimg/349573/c_20352913101746504/150',
          title: '我被世叔娇养了',
          desc:
            '扬州府知府江家忤逆圣命，一夜之间，圣上大怒，江府上下被抄家流放。曾经千娇万宠的江家长房小姐，成了唯恐人人避之不及的灾星。只有那一面之缘的小世叔，大发善心将她收养。刑部尚书沈怀瑜，笑里藏刀，狠戾阴诈，是京城贵女的美梦，是朝廷百官的噩梦。众臣汗颜：长公主的儿子，惹不起还躲不起吗？仔细哪天说错话掉了脑袋。江辞：胡说，我世叔一身正气，分明是天底下最好的人。生来就在刀尖上舔血的刑部尚书，所遇之人无不是世间最',
          danger1: '古代言情',
          denger2: '连载中',
          denger3: '11.59万',
        },
        {
          thumb:
            'https://bookcover.yuewen.com/qdbimg/349573/c_20753354701563204/150',
          title: '影后的网恋日常',
          desc:
            '本书又名《她的棕熊先生》夏京墨凭着一张惊艳全网的神颜出道，唱歌演戏样样精通，为人和善谦虚，奖杯影后称号拿到手软，风头一时无两。一场庆功宴，让她从天堂跌入地狱。惊天秘闻被爆后，经纪人反水，公司雪藏，娱乐圈封杀，粉丝辱骂，亲生父亲更是颠倒黑白。一次意外，她被人从十几层楼高的阳台推下。倒下的那瞬间，她似乎看见了那个为了帮她澄清谣言而不顾一切的男人，跌跌撞撞的向她奔来。……重生后，夏京墨想尽办法混进了他公',
          danger1: '现代言情',
          denger2: '连载中',
          denger3: '12.18万',
        },
        {
          thumb:
            '	https://bookcover.yuewen.com/qdbimg/349573/c_20670196308338304/150',
          title: '离婚后前夫变乖了',
          desc:
            '姜闻欣嫁给宋云墨之后才知道——原来，这世界上有一种人，冷漠，毒舌，从不会给人好脸色，她表面强行忍耐，内心疯狂diss，离婚后，姜闻欣开直播，在线数落前夫无情无义无理取闹，昔日觊觎她美貌的小哥哥纷纷进入直播间，表白示爱轮番上场，宋云墨坐在电脑前，隔着屏幕狂刷火箭嘉年华：“欣欣，我今天吃药了，后悔药。',
          danger1: '现代言情',
          denger2: '连载中',
          denger3: '9.46万',
        },
        {
          thumb:
            '	https://bookcover.yuewen.com/qdbimg/349573/c_21121674001268404/150',
          title: '墨爷天天都想吃软饭',
          desc:
            '众所周知，京都墨二爷被乐游大师批命：天降孤星，命中带煞。有不信邪的豪门千金，前仆后继凑上去。下场……不言而喻。墨爷不在乎，单身就单身，情路都斩断！然鹅，自从那个只收玉器，不收金银财宝的小神棍出现，墨二爷画风突变。天天上赶着给人家收钱，原因无他……小神棍太穷了！墨二爷：我媳妇与人为善，改风水不取金银，但你们得给钱。墨二爷：我媳妇心地纯良，测吉凶不收财宝，但你们得给钱。墨二爷：我媳妇天真无邪，看面相不',
          danger1: '现代言情',
          denger2: '连载中',
          denger3: '1.46万',
        },
      ],
    }
  },
}
</script>

<style lang="scss">
.van-grid-item__content {
  height: auto;
}
.van-nav-bar .van-icon {
  color: #65c541;
}
.van-nav-bar__text {
  color: #1a1a1a;
  font-size: 1.1rem;
  padding-left: 0.6rem;
}
.module-header {
  height: 1.75rem;
  border-top: 1rem solid transparent;
  padding: 0 1rem;
  margin-top: 1rem;
}
.rqmf {
  padding-left: 0.4rem;
  font-size: 1.1rem;
}
.gd {
  padding-left: 2.5rem;
  color: #808080;
}
.van-card__title {
  font-size: 1rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 900;
}
.van-card__desc {
  line-height: 1.1875rem;
  height: 50px;
}
.van-card__footer > span:nth-child(1) {
  color: #65c541;
}
.van-card__footer > span:nth-child(2) {
  color: #5bddcd;
}
.van-card__footer > span:nth-child(3) {
  color: #add3fb;
}
</style>
